<template>
  <a-row>
    <a-col :span="4">
      <r-h-designer-item :list="componentsList" />
    </a-col>
    <a-col :span="20">
      <r-h-designer-content />
    </a-col>
  </a-row>
</template>
<script>
import RHDesignerItem from '@/components/RHForm/RHDesigner/RHDesignerItem'
import RHDesignerContent from '@/components/RHForm/RHDesigner/RHDesignerContent'
import { componentsList } from '@/components/RHForm/RHDesigner/index'
export default {
  name: 'RHDesigner',
  components: { RHDesignerContent, RHDesignerItem },
  data() {
    return {
      activeKey: ['1'],
      componentsList: componentsList()
    }
  },
  methods: {
    change(key) {
      this.activeKey = key
    },
    log: function(evt) {
      window.console.log(evt)
    }
  }
}
</script>
